@import './common.scss';


.manager-page-container{
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  position: absolute;
  flex-wrap: nowrap;
  align-items: center;
  padding: 20px;
  .page-filter{
    flex-grow: 0;
    width: 100%;
    margin: 10px;
    padding: 20px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.04);
    border-radius: 4px;

    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;

    .el-form{
      display: flex;
      flex-wrap: wrap;
      margin-left: 2px;

      .el-form-item{
        margin-right: 10px;
        vertical-align: top;
        width: 310px;
        display: flex;
        flex-direction: row;
        label{
          width: 90px;
          text-align: left;
        }
        .el-form-item__content{
          width: 200px;
        }
      }

    }
  }
  .page-table{
    flex-grow: 1;
    width: 100%;
    margin: 10px;
    padding: 20px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.04);
    border-radius: 4px;

    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;

    .page-table-btns{
      padding: 10px 1px;
      flex-grow: 0;
    }
    .page-table-view{
      flex-grow: 1;
      width: 100%;
    }
    .page-pagination{
      flex-grow: 0;
      height: 50px;
      display: flex;
      width: 100%;
      flex-direction: row;
      justify-content: flex-end;
      align-items: center;
      .el-pagination{
        padding-right: 0px;
      }
    }
  }
  .page-confirm-view{
    .el-dialog__wrapper .el-dialog {
      width: 520px;
      padding-right: 50px;
      .el-dialog__body{
        .el-form{
          label{
            width: 60px;
          }
          .el-form-item__content{
            width: 400px;
            .el-select.el-select--medium{
              width: 100%;
            }
            .el-cascader.el-cascader--medium{
              width: 100%;
            }
          }
        }
      }
      .el-dialog__footer{
        height: 60px;
        .dialog-footer{
          transform: translateX(-50%);
          left: 50%;
          position: absolute;
        }
      }
    }
  }
}